<template>
  <div class="notfound">
    
    <img src="https://img1.baidu.com/it/u=3919535596,1240302603&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=273" alt="">
      <p @click="tohome()">去首页</p>
  </div>
</template>

<script setup>

import { useRouter } from 'vue-router'
var $router=useRouter()

var tohome=()=>{
    $router.push('/index');
}
</script>

<style scoped>
.notfound{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
p{
  margin-top: 20px;
}
.notfound img{
    width: 50%;
}
</style>